<html>
	<head>
		<title>Aplicant List</title>		
		<link rel="stylesheet" href="css/metro-bootstrap.css">			
		<script src="js/jquery/jquery.min.js"></script>		
		<script src="js/jquery/jquery.widget.min.js"></script>	
		<script src="js/metro/metro-accordion.js"></script>
		<script src="js/jquery/html5shiv.min.js"></script>
		<script src="js/jquery/html5shiv.js"></script>
		<script src="js/jquery/respond.min.js"></script>
		<link rel="stylesheet" href="css/costum.css">	

		<script>
			//FONT RESIZING
			$(document).ready(function(){
			  // Reset Font Size
			  var originalFontSize = $('html').css('font-size');
				$(".resetFont").click(function(){
				$('html').css('font-size', originalFontSize);
			  });
			  // Increase Font Size
			  $(".increaseFont").click(function(){
				var currentFontSize = $('html').css('font-size');
				var currentFontSizeNum = parseFloat(currentFontSize, 10);
				var newFontSize = currentFontSizeNum*1.2;
				$('html').css('font-size', newFontSize);
				return false;
			  });
			  // Decrease Font Size
			  $(".decreaseFont").click(function(){
				var currentFontSize = $('html').css('font-size');
				var currentFontSizeNum = parseFloat(currentFontSize, 10);
				var newFontSize = currentFontSizeNum*0.8;
				$('html').css('font-size', newFontSize);
				return false;
			  });
			});

	  </script>		
	</head>
	
	<body class="metro">
	<div class="grid container fluid">
			<!-- START HEADER -->
			<div class="row">
				<div class="span8 bg-white">
					<div class="padding20">
						<nav class="horizontal-menu">
								<li><a href="http://priawadi.blogspot.com">Home</a></li>
								<li><a href="http://priawadi.blogspot.com">FAQ</a></li>
								<li><a href="http://priawadi.blogspot.com">Feedback</a></li>
								<li><a href="http://priawadi.blogspot.com">Contact Us</a></li>
								<h2><strong>ELECTRONIC LABOR EXCHANGE</strong><h2>
								<img src="images\logoMoha.png" class="span10">
						</nav>						        
					</div>
				</div>
				
				<div class="span4">
					<div class="row">
					<button class="success span4 offset3">EMPLOYER</button>
					<button>JOBSEEKER</button><br/>
					<!-- 
						   <div class="tab-control" data-role="tab-control">
								<ul class="tabs">
									<li class="active"><a href="#_page_1">EMPLOYER</a></li>
									<li><a href="#_page_2">JOBSEEKER</a></li>
								</ul>						 
							</div>
					-->		
					<small>Welcome <strong><a href="">Jobseeker88</a></strong></small>,
					<small><button class="button warning mini"><span class="icon-user-2"></span>Login</button></small>
					<small><button class="button warning mini"><span class="icon-user-3"></span>Register</button></small>
					<br/>
					<small class="offset6"><a href="">Forgot Password</a></small>
					<img src="images\logoBrunei.png" class="span4 offset7"><br/><br/>
					</div>
				
					<!-- START TEXT RESIZING -->
					<div id="changeFont">
						<strong><a href="#" class="increaseFont">A+</a></strong>
						<strong><a href="#" class="resetFont">A</a></strong>
						<strong><a href="#" class="decreaseFont">A-</a></strong>
					</div>
					<!-- END TEXT RESIZING -->
				
					<!-- START SEARCH FORM -->
					<div class="search">
						<form>
							<div class="input-control text">
							<a href=""><img src="images\search.png"></a>
								<input type="text" class="span10" placeholder="Search...">
							</div>
						</form>
					</div>
				   <!-- END SEARCH FORM -->					
				</div>			
			</div>
						
			<!-- START Menu -->
			<div class="row">
				<ul id="menu">
					<li id="job"><a href=""></a></li>
					<li id="training"><a href=""></a></li>
					<li id="events"><a href=""></a></li>
					<li id="gallery"><a href=""></a></li>
					<li id="chat"><a href=""></a></li>
				</ul>
			</div>
			<!-- END MENU -->
			
			<!-- END HEADER-->
			<div class="row">
			<nav class="breadcrumbs">
				<ul>
					<li><a href="#"><i class="icon-home"></i></a></li>
					<li><a href="#">Home</a></li>
					<li class="active"><a href="#">Applicant List</a></li>
				</ul>
			</nav>			
			</div>
			<!-- START CONTENT -->
			<div class="row">
				<legend>Applicant List</legend>
			<table class="table striped">
				<thead>
					<tr>
						<th class="text-left">No</th>
						<th class="text-left">ID</th>
						<th class="text-left">Name</th>
						<th class="text-left">Location</th>
						<th class="text-left">Last Education</th>
						<th class="text-left">View Profile</th>
					</tr>
					</thead>

				<tbody>
					<tr><td>1</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					<tr><td>2</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					<tr><td>3</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					<tr><td>4</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					<tr><td>5</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					<tr><td>6</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					<tr><td>7</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					<tr><td>8</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					<tr><td>9</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					<tr><td>10</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					<tr><td>11</td><td class="center">ID00008</td><td class="center">Ozi Priawadi</td><td class="center">Brunei Darussalam</td><td class="center">Doktor</td><td class="center"><button class="info">View</button><button>Download CV</button></td></tr>
					
				</tbody>

				<tfoot></tfoot>
        </table>
					
			</div>
			<!-- END CONTENT -->
			<!-- START FOOTER-->			
		<div class="row">		
			<div class="bg-dark">
				<div class="container">
					<div class="grid no-margin">
						<div class="row no-margin pad30">					
								<div class="span3">
								<img src="images\job_post.png">
								<a href="" class="bottom">Find a Job</a><br>
								<a href="" class="bottom">Search Vacancy</a><br>
								<a href="" class="bottom">Latest Jobs</a>
								</div>
								<div class="span3">
								<img src="images\job_seekers.png">						
								<a href="" class="bottom">Register Job Seeker</a><br>
								<a href="" class="bottom">Job Seeker Login</a><br>
								</div>
								<div class="span3">
								<img src="images\employers.png">
								<a href="" class="bottom">Register an Employer</a><br>
								<a href="" class="bottom">Search Employers</a><br>
								<a href="" class="bottom">Employer Login</a>
								</div>
									
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END FOOTER -->
			
	</div>
	
	<div id="footer" class="row">
    Copyright © 2013 ELX. All Rights Reserved
	</div>


</body>

</html>